<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			body{
				height:400px;
				border:1px solid red;
			}
			div{
				width:100px;
				height:100px;
				background: red;
				position:absolute;
				left:0px;
				top:0px;
				          /*属性 过度时间 延迟两秒执行 运动形式*/
				/*transition:width 500ms linear,height 1s 1s;*/
				transition:all 1s ease-out;
				
			}
			body:hover div{
				width:400px;
				height:500px;
				background:green;
			}
		</style>
	</head>
	<body>
		<div>123</div>
	</body>
</html>
